<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--适口配置-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--引入bootstrap中的css文件-->
    <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">
    <!--引入less文件-->
    <link rel="stylesheet" href="css/brandTitle-product.css">
    <link rel="stylesheet" href="css/common_section.css">
    <title>Title</title>
    <!-- 配置的模板需要注意:1、type必须是text/html  2、需要配置一个id -->
    <script type="text/html" id="ten-big-template">
        <div class="ten-big">
            {{each result as value i}}
                <a href="#">
                    <span>{{i+1}}</span>
                    <b>{{value.brandName}}</b><br>
                    <i>{{value.brandInfo}}</i>
                    <span class="dayu"> > </span>
                </a>
            {{/each}}
        </div>
    </script>

    <script type='text/html' id='paihang-template'>
        {{each result as value i}}
        <div class="media">
            <div class="media-left">
                <a href="#">
                    <img src="{{#value.productImg2}}" alt="">
                </a>
            </div>
            <div class="media-body">
                <div class="normal-info">
                    <span class="product-name">{{value.productName}}</span><br>
                    <span class="product-price">{{value.productPrice}}</span>
                </div>
                <div class="other-info">
                    <span class="from-time">{{value.productQuote}}</span>
                    <span class="comment">{{value.productCom}}</span>
                </div>
            </div>
        </div>
        {{/each}}
    </script>
    <script type='text/html' id='appraise'>
        <div class="product-t">
            <p>优选网友评价</p>
        </div>
        {{each result as value i}}
        <div class="product-m">
            <span class="person-name">{{value.comName}}</span>
            <span class="buy-time">{{value.comTime}}</span><br />
            <span class='from-where'>{{value.comFrom}}</span>
            <p class='person-appraise'>{{value.comContent}}</p>
        </div>
        {{/each}}
        <div class="product-b">
            <p>查看更多评价</p>
        </div>
    </script>
</head>
<body>
<header id="header"></header>
<section id="search"></section>
<section id="product">
    <ol class="breadcrumb">
        <li><a href="index.html">首页</a></li>
        <li><a href="brandTitle.html">品牌大全</a></li>
        <li class="active">那个牌子好？</li>
    </ol>
    <div class="whohao">
        <p>平板电视哪个牌子好</p>
    </div>
    <div class="paihang">
        <p>产品销量排行</p>
    </div>
    <div class="pinglun">

    </div>
</section>
<footer id="footer"></footer>
</body>
<!--引入jquery文件-->
<script type="text/javascript" src='libs/jquery/jquery.js'></script>
<!--引入bootstrap中的js-->
<script type="text/javascript" src='libs/bootstrap/js/bootstrap.js'></script>
<!--引入魔板的js文件-->
<script type="text/javascript" src='libs/template/template.js'></script>
<!--引入这个界面的js-->
<script type="text/javascript" src='js/common_section.js'></script>
<script type="text/javascript" src='js/brandTitle-product.js'></script>
</html>